<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="<?php echo admin_js;?>/jquery-2.1.0.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="<?php echo admin_cs;?>common.css">
    <link rel="stylesheet" type="text/css" href="<?php echo home_cs;?>chome.css">
    <style type="text/css">
        .head {
            width: 1024px;
            height: 524px;
            border: 1px solid red;
            background: url('<?php  echo leftNav;?>head3.png');

        }

        .body_content {
            width: 1024px;
            height: 2000px;
            margin: 0 auto;
        }

        .head_menu li {
            display: block;
            float: right;
            width: 138px;
            height: 80px;

            margin-right: 20px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            font-color: black;
            /*line-height: px;*/
        }

        .head_menu li a {
            display: block;
            margin-top: 30px;
            text-decoration: none;

        }

        .zpjs {
            border: 1px solid blue;
            width: 300px;
            height: 300px;
            text-align: center;
        }

        .content {
            /*    	height: 600px;*/
            height: auto;
            border: 1px solid pink;
        }

        .content_card {
            width: 100px;
            overflow: hidden;
            border: 4px solid red;
            width: 600px;
            position: relative;
            left: 50%;
            margin-left: -300px;

        }

        .card_vip {
            width: 200px;
            position: relative;
            left: 50%;
            margin-left: -100px;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .zpjs {
            width: 293px;
            float: left;
        }

        .footer {
            clear: both;
            height: 100px;
            border: 1px solid orange;
        }

        #bg {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.7;
            opacity: .70;
            filter: alpha(opacity=70);
        }

        .alert {
            width: 657px;
            height: 360px;
            background-color: white;
            z-index: 1002;
            position: absolute;
            border: 3px solid green;
            background: white;
            top: 50%;
            left: 50%;
            margin-top: -180px;
            margin-left: -328px;
        }

        .user_custom {
            background: #FBFBFB;
            border: 1px solid blue;
            margin: 20px;
            float: left;
            text-align: center;
        }
    </style>
    <script type="text/javascript">
        function showdiv() {
            document.getElementById("bg").style.display = "block";
            document.getElementById("show").style.display = "block";

            // body.style.height="100px";
            unScroll();
        }

        //禁止使用滚动条
        function unScroll() {
            var top = $(document).scrollTop();
            $(document).on('scroll.unable', function (e) {
                $(document).scrollTop(top);
            })
        }
        function hidediv() {
            document.getElementById("bg").style.display = 'none';
            document.getElementById("show").style.display = 'none';
        }
        $(".head_menu a").click(function () {
            alert(1);
        })
    </script>
</head>
<body>
<div class="body">
    <div class="body_content">
        <div class="head">
            <div class="head_menu">
                <li><a href="#" id="fister">关于我们</a></li>
                <li><a href="#" onclick="showdiv();">商户/用户</a></li>
                <li><a href="#">主页</a></li>
            </div>
        </div>
        <div class="content">
            <img src="">
            <div class="content_card">
                <div class="card_vip">
                    <span>电子会员卡</span>
                </div>
                <div class="zpjs">
                    <h5>图</h5>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                </div>
                <div class="zpjs">
                    <img src="" width:292px height:292px>
                </div>
                <div class="zpjs">
                    <h5>图</h5>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                    <h6>作品介绍、作品介绍</h6>
                </div>
                <div class="zpjs">
                    <img src="" width:292px height:292px>
                </div>
            </div>

        </div>
        <div class="footer" id="footer">
            
<div bgcolor="#ffffff">
<img name="index_footer" src="<?php echo leftNav?>index_footer.png" width="1024" height="108" border="0" id="index_footer" usemap="#m_index_footer" alt="" /><map name="m_index_footer" id="m_index_footer">
<area shape="rect" coords="301,29,375,48" href="about.php" target="_blank" alt="" />
<area shape="rect" coords="650,29,721,48" href="#" target="_self" alt="" />
<area shape="rect" coords="538,28,601,49" href="#" target="_self" alt="" />
<area shape="rect" coords="421,25,495,49" href="#" target="_self" alt="" />
</map>
</div>


        </div>

    </div>
    <div id="bg">
    </div>
    <div id="show" style="display: none" class="alert">
        <!--<div class="user_custom">-->
        <!--<p>-->
        <!--<img src="" width="150px" height="150px" ><br>-->
        <!--商家-->
        <!--</p>-->
        <!--</div>-->
        <!--<div class="user_custom">-->
        <!--<p>-->
        <!--<img src="" width="150px" height="150px" ><br>-->
        <!--个人-->
        <!--</p>-->
        <!--</div>-->

        <div bgcolor="#ffffff">
            <img name="login_alert" src="<?php echo leftNav;?>login_alert.png" width="657" height="360" border="0"
                 id="login_alert" usemap="#m_login_alert" alt=""/>
            <map name="m_login_alert" id="m_login_alert">
                <area shape="rect" coords="417,74,564,270" href="loginyh.php" target="_blank" alt=""/>
                <area shape="rect" coords="100,74,239,273" href="login.php" target="_blank" alt=""/>
            </map>
        </div>
    </div>
</div>

</body>

</html>
<script>
    $("#footer").load("index_footer.htm");
    $("#show").load("login_alert.htm")
    //选项卡切换
    $(".head_menu li").click(function () {
        $(this).css("background", "#fff");
        $(this).siblings().css("background", "");
    })

</script>